<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="bootstrap-4.6.1-dist/js/jquery.js"></script>
    <script src="summernote-0.8.12-dist/popper/node_modules/_popper.js@1.11.0@popper.js/dist/umd/popper.js"></script>
    <link href="bootstrap-4.6.1-dist/css/bootstrap-grid.css" rel="stylesheet" />
    <link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="bootstrap-4.6.1-dist/css/bootstrap.css">
    <link href="css/creation.css" rel="stylesheet">

    <link rel="stylesheet" href="summernote-0.8.12-dist/dist/summernote-bs4.css">
    <script src="summernote-0.8.12-dist/dist/summernote-bs4.js"></script>
    <script src="summernote-0.8.12-dist/dist/lang/summernote-zh-CN.js"></script>
    <title>Document</title>
</head>

<body>
    <div class="container-fulid">
        <nav class="row navbar">
            <div class="col-md-12 header">
                <div class="col-md-3 header-left">
                    <div style="margin-top: 10px;">
                        <a href="Index.html">
                            <img src="Image/Logo.png" title="页面首页" alt="">
                        </a>
                    </div>

                    <div>
                        <ul>
                            <li>
                                <a href="#">博客</a>
                            </li>

                            <li>
                                <a href="#">学习</a>
                            </li>

                            <li>
                                <a href="#">问答</a>
                            </li>

                            <li>
                                <a href="#">社区</a>
                            </li>

                            <li>
                                <a href="#">插件</a>
                            </li>

                            <li>
                                <a href="#">开源</a>
                            </li>
                        </ul>
                    </div>

                </div>

                <div class="col-md-4 offset-md-1 header-middle">
                    <div class="input-group">
                        <input type="text" placeholder="请输入搜索内容">
                        <button>搜索</button>
                    </div>
                </div>

                <div class="col-md-3 offset-md-auto header-right">
                    <div>
                        <a href="Login.html">登录/注册</a>
                    </div>

                    <div>
                        <a href="#">浏览记录</a>
                    </div>

                    <div>
                        <a href="#">动态</a>
                    </div>

                    <div>
                        <a href="#">创作</a>
                    </div>
                </div>
            </div>
        </nav>
    </div>

    <div class="container-lg" style="background: #FFFFFF;">
        <div class="row">
            <div class="col-lg-12">
                <form action="post">

                    <div class="form-group asd">
                        <label for="" class="control-label">文章标题:</label>
                        <input type="text" name="" id="" class="form-control" />
                    </div>

                    <div>
                        <textarea id="summernote" name="editordata"></textarea>
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">文章封面:</label>
                        <input type="file" name="" id="" />
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">文章标签:</label>
                        <select name="" id="" class="form-control">
                            <option value="0">请选择</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">分类专栏:</label>
                        <select name="" id="" class="form-control">
                            <option value="0">请选择</option>
                        </select>
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">文章类型:</label>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="1">
                            <label class="form-check-label" for="">原创</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="2">
                            <label class="form-check-label" for="">转载</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="3">
                            <label class="form-check-label" for="">翻译</label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">发布形式:</label>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="1">
                            <label class="form-check-label" for="">全部可见</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="2">
                            <label class="form-check-label" for="">仅我可见</label>
                        </div>
                    </div>

                    <div class="form-group">
                        <label for="" class="control-label">文章类型:</label>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="1">
                            <label class="form-check-label" for="">原创</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="2">
                            <label class="form-check-label" for="">转载</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" name="" id="" value="3">
                            <label class="form-check-label" for="">翻译</label>
                        </div>
                    </div>

                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-md-9 offset-md-2">
                                <div class="row">
                                    <div class="col-4 creations">
                                        <button class="btn btn-outline-primary">保存草稿</button>
                                    </div>
                                    <div class="col-4 creations">
                                        <button class="btn btn-outline-primary">定时发布</button>
                                    </div>
                                    <div class="col-4 creations">
                                        <button class="btn ctcheck" style="background-color: #F1562D;">发布博客</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
        </div>
    </div>


    <script src="bootstrap-4.6.1-dist/js/bootstrap.js"></script>
    <script>
        $(document).ready(function() {
            $('#summernote').summernote({
                lang: 'zh-CN', // 语言
                height: 496, // 高度
                width: 1100,
                minHeight: 300, // 最小高度
            });
        });
    </script>
</body>

</html>